<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:composite="http://java.sun.com/jsf/composite"
      xmlns:c="http://java.sun.com/jsp/jstl/core">

    <composite:interface>

    </composite:interface>

    <composite:implementation>

        <h:outputStylesheet library="css" name="bootstrap.min.css" />

        <nav class="navbar navbar-default" role="navigation">

            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span> <span
                            class="icon-bar"></span> <span class="icon-bar"></span> <span
                            class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="pages/dashboard">Dashboard</a>
                </div>
                <h:form>
                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse"
                         id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav">
                            
                            <!--c:forEach items="#{masterBean.menuList}" var="item">
                                <li class="active">
                                    <h:commandLink action="#{masterBean.redirect(item.value)}" target="_self" value="#{item.key}" />
                                </li>
                            </c:forEach-->
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dashboard <span class="caret"></span></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><h:commandLink action="alerts" target="_self" value="#{messages.ALERTS}" /></li>
                                    <li><h:commandLink action="newAlert" target="_self" value="#{messages.NEWALERT}" /></li>
                                    <!--li><a href="#">Something else here</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">One more separated link</a></li-->
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Playground <span class="caret"></span></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><h:commandLink action="tabuada" target="_self" value="#{messages.TABUADA_GAME}" /></li>
                                    <li><h:commandLink action="tabuadaScore" target="_self" value="#{messages.TABUADA_SCORE}" /></li>
                                    <li><h:commandLink action="hangMan" target="_self" value="#{messages.HANG_MAN_GAME}" /></li>
                                    <!--li><a href="#">Something else here</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">Separated link</a></li>
                                    <li class="divider"></li>
                                    <li><a href="#">One more separated link</a></li-->
                                </ul>
                            </li>
                            <li class="dropdown">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Crypto <span class="caret"></span></a>
                                <ul class="dropdown-menu" role="menu">
                                    <li><h:commandLink action="vigener" target="_self" value="#{messages.VIGENER}" /></li>
                                </ul>
                            </li>
                            <li class="active">
                                <h:commandLink action="#{masterBean.logout}" value="Sair"/>
                            </li>
                        </ul>

                    </div>
                </h:form>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid --> </nav>


    </composite:implementation>
</html>